<template>
	<view class="page-content">

		<view class="content">
			<view class="title flex-start" style="align-items: center;margin-bottom: 15px;">
				<image src="../../../static/wallet/redract.png" mode=""
					style="width: 4px;height: 21px;margin-right: 5px;">
				</image>
				<text>营收数据</text>
			</view>

			<view class="info-box">
				<view class="lineHeight20">
					<text>钓场：万顺缘垂钓俱乐部</text>
				</view>
				<view class="lineHeight20">
					<text>场次名称：0729正钓鲫鱼7000斤</text>
				</view>
				<view class="lineHeight20 flex-between">
					<text>本场垂钓人数：<text class="red-word">20</text></text>
					<text>本场总盈亏：<text class="red-word">+￥5215.0</text></text>
				</view>
			</view>

			<view class="title flex-start" style="align-items: center;margin-bottom: 15px;">
				<image src="../../../static/wallet/redract.png" mode=""
					style="width: 4px;height: 21px;margin-right: 5px;">
				</image>
				<text>明细</text>
			</view>

			<view class="detail-box" style="margin-bottom: 20px;">
				<view class="flex-between pink-box" style="align-items: center;">
					<text>收入</text>
					<view class="flex-column-center" @click="toIncome()">
						<view>
							<uni-icons type="plus" size="22" style="font-weight: 600;color: #d43303;"></uni-icons>
						</view>
						<view class="red-word">
							记录其他收入
						</view>
					</view>
				</view>

				<view class="flex-between">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						线上售票
					</view>
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15 red-word">
						￥4320.0
					</view>
				</view>
				<view class="flex-between">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						鱼护租金
					</view>
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15  red-word">
						￥4320.0
					</view>
				</view>

				<view class="flex-between">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						卖鱼收入
					</view>
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15  red-word">
						￥4320.0
					</view>
				</view>
				<view class="flex-start">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						备注:411*4.7=1931
					</view>
				</view>
				
				<view class="flex-between">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						其他收入
					</view>
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15  red-word">
						￥4320.0
					</view>
				</view>
				<view class="flex-start">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						备注:换号,水42收鱼利润600利润1000
					</view>
				</view>

				<view class="flex-between">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						合计
					</view>
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15  red-word">
						￥8640.0
					</view>
				</view>

			</view>


			<view class="detail-box">
				<view class="flex-between pink-box" style="align-items: center;">
					<text>支出</text>
					<view class="flex-column-center" @click="toExpend()">
						<view>
							<uni-icons type="plus" size="22" style="font-weight: 600;color: #d43303;"></uni-icons>
						</view>
						<view class="red-word">
							记录其他支出
						</view>
					</view>
				</view>


				<view class="flex-between">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						鱼或结算
					</view>
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15  red-word">
						-￥4320.0
					</view>
				</view>
				
				<view class="flex-between">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						进鱼支出
					</view>
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15  red-word">
						-￥4320.0
					</view>
				</view>
				<view class="flex-start">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						备注:换号,水42收鱼利润600利润1000
					</view>
				</view>
				
				<view class="flex-between">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						运费支出
					</view>
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15  red-word">
						-￥4320.0
					</view>
				</view>
				<view class="flex-start">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						备注:换号,水42收鱼利润600利润1000
					</view>
				</view>
				
				<view class="flex-between">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						其他支出
					</view>
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15  red-word">
						-￥4320.0
					</view>
				</view>
				<view class="flex-start">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						备注:换号,水42收鱼利润600利润1000
					</view>
				</view>
				
				
				
				<view class="flex-between">
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15">
						合计
					</view>
					<view
						style="flex:1;border:1px solid #f0f0f0;text-align: center;margin-right: -1px;margin-bottom: -1px;"
						class="p-t-15  red-word">
						-￥8640.0
					</view>
				</view>

			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				fish_detail: {
					time: '2024年07月29日',
					id: '1916',
					num: '1',
					position: '1区-45'
				}
			}
		},
		methods: {
			toIncome() {
				uni.navigateTo({
					url: `/pages/fishTickets/thisReport/reportOtherIncome`
				})
			},
			toExpend() {
				uni.navigateTo({
					url: `/pages/fishTickets/thisReport/reportOtherExpend`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page-content {
		background: #fff;
		box-sizing: border-box;
		height: calc(100vh - 44px);
	}

	.content {
		padding: 15px;
	}

	.title {
		margin-bottom: 8px;
		font-weight: 600;
	}

	.content-box {
		font-size: 13px;
		margin-bottom: 20px;
		padding-left: 5px;
		line-height: 22px;
	}

	.detail-box {
		font-size: 14px;
	}

	.pink-box {
		background: rgba(246, 214, 214, 1);
		padding: 8px 15px;
		font-size: 14px;
		font-weight: 600;
	}

	.info-box {
		background: #F3F4F6;
		padding: 15px;
		margin-bottom: 20px;
	}

	.lineHeight20 {
		line-height: 28px;
	}

	.red-word {
		color: #D43030;
		font-weight: 600;
	}

	.p-t-15 {
		padding: 15px 0;

	}
</style>